<template>
    <div>
        <p>我是测试页面--二级路由菜单-多router-view</p>
        <p>
            <router-link :to="{name:'Title',params:{}}">title</router-link>|
            <router-link :to="btn1.url">{{btn1.name}}</router-link>|
            <router-link :to="btn2.url">{{btn2.name}}</router-link>|
            <router-link :to="btn3.url">{{btn3.name}}</router-link>|
        </p>
        <div class="secondClass">
            <router-view name="title"></router-view>
            <router-view name="left"></router-view>
            <router-view name="right"></router-view>
        </div>
    </div>
</template>
<script>
export default {
    name:'test',
    data(){
        return {
            btn1:{name:"btn1",url:"/test/btn1"},
            btn2:{name:"btn2",url:"/test/btn2"},
            btn3:{name:"btn3",url:"/test/btn3"}
        }
    }
}
</script>
<style>
.secondClass{
    border:1px solid yellow;
}
</style>


